<!doctype html>
<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>Game Project</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="stylesheet" href="css/style.css?v=2">
	<script src="js/libs/modernizr-1.7.min.js"></script>
</head>

<body>

	<div id="container">
		<header>

		</header>
		<div id="main" role="main">
			<canvas id="gamecanvas" width="960" height="600">Game Canvas</canvas>
		</div>
		<footer>

		</footer>
	</div> <!-- #container -->
	  
	
	<script type="text/javascript" src="js/libs/jquery-1.6.1.min.js"></script>
	  
	<!--
	<script type="text/javascript" src="js/classes/Scale.js"></script>
	<script type="text/javascript" src="js/classes/Region.js"></script>
	<script type="text/javascript" src="js/classes/Universe.js"></script>
	-->
	<script type="text/javascript" src="js/classes/ui_elements/UniverseElement.js"></script>
	<script type="text/javascript" src="js/classes/ui_elements/MenuElement.js"></script>
	<script type="text/javascript" src="js/classes/GameCanvas.js"></script>
  
  
	<script type="text/javascript">
		$(document).ready(function(){
			
			$('#gamecanvas').GameCanvas({
				fps: 10
			});

			
			var universeElement = new UniverseElement({
				x:		200,
				y:		50,
				width:	760,
				height:	500
			});
			
			var menuElement = new MenuElement({
				x:		200,
				y:		0,
				width:	760,
				height: 50
			});
			
			$('#gamecanvas').GameCanvas('addElement', 'UniverseElement', universeElement);
			$('#gamecanvas').GameCanvas('addElement', 'MenuElement', 	 menuElement);
			
			//console.log(  $('#gamecanvas').GameCanvas('setting', 'scope', 2)  );
			//$('#gamecanvas').GameCanvas('start');
			
		});
	</script>
  
	<div style="position: absolute; top: 0; left: 0; width: 200px;">
		
		<a href="javascript:;" onclick="$('#gamecanvas').GameCanvas('start');">Start</a>
		<a href="javascript:;" onclick="$('#gamecanvas').GameCanvas('stop');">Stop</a>
		<hr>
		<a href="javascript:;" onclick="$('#gamecanvas').GameCanvas('setting', 'scope', 1);">Scope 1</a>
		<a href="javascript:;" onclick="$('#gamecanvas').GameCanvas('setting', 'scope', 2);">Scope 2</a>
	</div>
	
</body>
</html>